// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source

////
/// @group forms
////

/// 表单标签字体颜色
/// @type Color
$form-label-color: $black !default;

/// 标签标签字体大小
/// @type Number
$form-label-font-size: rem-calc(14) !default;

/// 表单标签字体粗细
/// @type Keyword
$form-label-font-weight: $global-weight-normal !default;

///表单标签的行高。数字越大，标签与其输入字段之间的空间越大
/// @type Number
$form-label-line-height: 1.8 !default;

// 表单标签混合宏
@mixin form-label {
  display: block;
  margin: 0;

  font-size: $form-label-font-size;
  font-weight: $form-label-font-weight;
  line-height: $form-label-line-height;
  color: $form-label-color;
}

// 表单标签上下居中
@mixin form-label-middle {
  $input-border-width: get-border-value($input-border, width);

  margin: 0 0 $form-spacing;
  padding: ($form-spacing / 2 + rem-calc($input-border-width)) 0;
}

@mixin foundation-form-label {
  label {
    @include form-label;

    &.middle {
      @include form-label-middle;
    }
  }
}
